<template>
  <yd-layout class="m-help">
    <!-- 顶部导航 -->
    <yd-navbar slot="navbar" title="购物咨询" height=".88rem" bgcolor="#fff" color="#444" fontsize=".3rem">
      <yd-navbar-back-icon slot="left" color="#666" @click.native="$router.back()"></yd-navbar-back-icon>
    </yd-navbar>

    <yd-cell-group>
      <yd-cell-item>
        <span slot="left">购物指南</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/付款方式">
        <span slot="left">付款方式</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/尺码选择">
        <span slot="left">尺码选择</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/发票问题">
        <span slot="left">发票问题</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/商品咨询">
        <span slot="left">商品咨询</span>
      </yd-cell-item>
    </yd-cell-group>

    <yd-cell-group>
      <yd-cell-item>
        <span slot="left">售后服务</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/投诉与建议">
        <span slot="left">投诉与建议</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/退款方式与时效">
        <span slot="left">退款方式与时效</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/退换货流程">
        <span slot="left">退换货流程</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/退换货政策">
        <span slot="left">退换货政策</span>
      </yd-cell-item>
    </yd-cell-group>

    <yd-cell-group>
      <yd-cell-item>
        <span slot="left">配送方式</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/验货与签收">
        <span slot="left">验货与签收</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/顺丰速运">
        <span slot="left">顺丰速运</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/配送范围">
        <span slot="left">配送范围</span>
      </yd-cell-item>
      <yd-cell-item arrow type="link" href="/help/配送时间">
        <span slot="left">配送时间</span>
      </yd-cell-item>
    </yd-cell-group>
  </yd-layout>
</template>

<script>
  export default {
    data() {
      return {
      }
    }
  }
</script>

<style lang="scss">
  .m-help {
    .yd-cell-box {
      margin-top: .2rem;
      .yd-cell-item:first-child .yd-cell-left {
        color: #999;
      }
    }
  }
</style>